

#hud001{
	/* visibility: collapse; */
	height: 100px;
	width: 530px;
	background-color: black;
	margin-top: 80%;
	margin-left: 60%;
	flow-children:right-wrap;
}

#item_heroImg{

	/* width: 120px; */
	height: 100px;
	border: 2px solid #FFF;
}
#item_heroImg:hover{
	border: 2px solid greenyellow;
}
.selectHero{
	background-color: #000;
}
.hide{
	visibility: collapse;
}

#key0019 {
	height: 51px;
	/* width: 530px; */
	/* background-color: black; */
	margin-top: 66%;
	margin-left: 1%;
	flow-children:right-wrap;
}
#key0020{
	height: 51px;
	/* width: 530px; */
	/* background-color: black; */
	margin-top: 66%;
	margin-left: 1%;
	flow-children:right-wrap;
}
#key0021{
	height: 51px;
	/* width: 530px; */
	/* background-color: black; */
	margin-top: 66%;
	margin-left: 1%;
	flow-children:right-wrap;
}

#key_label{
	padding-left:  15px;
	width: 50px;
	height: 50px;
	border: 2px solid #FFF;
	font-size: 30px;
}
#key_label:hover{
	border: 2px solid greenyellow;
}
#keyTittleText{
	font-size: 25px;
	color: #00FFFF;
}
#keyTittlePanel{
	margin-top: 62%;
	margin-left: 1%;
	flow-children:right-wrap;
}

#defButtonText{
	margin-left: 20px;
	font-size: 19px;
	color: #00FFFF;
	border: 2px solid #FFFFFF;
}
#defButtonText:hover{
	border: 2px solid greenyellow;
}